<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>颐山悦海-故事会</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.min.js"></script>
    <style>
        #curTitle {
            color: brown;
        }

        .copyright {
            font-size: xx-small;
            text-align: right;
            color: gray;
        }

        #myPanel {
            background-color: ivory;
        }

    </style>
    <script id="myTemplate" type="text/x-jquery-tmpl">
        {{if url=='divider'}}
            <li data-role="list-divider">${title}</li>
        {{else}}
        <li class='hello' >
            {{if isvideo==true}}
            <a  class="ui-btn ui-icon-video ui-btn-icon-left" href="#">
            {{else}}
            <a  class="ui-btn ui-icon-audio ui-btn-icon-left" href="#">
            {{/if}}
                <h2 mp3='${url}'>${title}</h2>
            </a>
        </li>
        {{/if}}
    </script>
    <script>
        eval(function (p, a, c, k, e, r) { e = function (c) { return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) r[e(c)] = k[c] || e(c); k = [function (e) { return r[e] }]; e = function () { return '\\w+' }; c = 1 }; while (c--) if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]); return p }('(4($,n){7 o=$.1q.1W,T="1X",C={},16={},15,1A={u:0,y:{}},13=0,I=0,1g=[];7 p={1Z:/([\\\\\'])/g,20:/\\\\\'/g,21:/\\\\\\\\/g,22:/[\\r\\t\\n]/g,24:/\\$\\{([^\\}]*)\\}/g,27:/\\{\\%(\\/?)(\\w+|.)(?:\\(((?:[^\\%]|\\%(?!\\}))*?)?\\))?(?:\\s+(.*?)?)?(\\(((?:[^\\%]|\\%(?!\\}))*?)\\))?\\s*\\%\\}/g,2a:/\\{\\{(\\/?)(\\w+|.)(?:\\(((?:[^\\}]|\\}(?!\\}))*?)?\\))?(?:\\s+(.*?)?)?(\\(((?:[^\\}]|\\}(?!\\}))*?)\\))?\\s*\\}\\}/g,2b:/(<\\w+)(?=[\\s>])(?![^>]*1X)([^>]*)/g,2c:/^\\s*([^<\\s][^<]*)?(<[\\w\\W]+>)([^>]*[^>\\s])?\\s*$/,2f:/^[^<]*(<[\\w\\W]+>)[^>]*$|\\{\\{\\! |\\{\\%! /,2g:/\\w$/};4 17(a,b,c,d){7 e={y:d||(d===0||d===2p)?d:(b?b.y:{}),12:b?b.12:q,8:q,K:b||q,Z:[],1z:2l,2k:2j,1F:2i,1H:2h,2N:2d};3(a){$.1j(e,a,{Z:[],K:b})}3(c){e.8=c;e.1c=e.1c||$.2v(e.8)&&e.8($,e)||c;e.u=++13;(1g.O?16:C)[13]=e}5 e}$.1v({2w:"2y",2z:"2A",26:"2D",2E:"2X",2Y:"2Z"},4(c,d){$.1q[c]=4(a){7 b=[],U=$(a),F,i,l,1p,K=9.O===1&&9[0].X;15=C||{};3(K&&K.M===11&&K.1u.O===1&&U.O===1){U[d](9[0]);b=9}E{1w(i=0,l=U.O;i<l;i++){I=i;F=(i>0?9.30(1i):9).1V();$(U[i])[d](F);b=b.1b(F)}I=0;b=9.32(b,c,U.35)}1p=15;15=q;$.8.1D(1p);5 b}});$.1q.1j({8:4(a,b,c){7 d=$.8(9[0],a,b,c);5 d},6:4(){7 a=$.6(9[0]);5 a},D:4(a){7 b=$.D(a,9[0]);5 b},1W:4(b,c,d,e){3(b[0]&&$.1h(b[0])){7 f=$.1E(S),F=b[0],1R=F.O,i=0,6;1m(i<1R&&!(6=$.y(F[i++],"6"))){}3(6&&I){f[2]=4(a){$.8.1L(9,a,d)}}o.1M(9,f)}E{o.1M(9,S)}I=0;3(!15){$.8.1D(C)}5 9}});$.1j({8:4(b,c,d,e){7 f,1N=!e;3(1N){e=1A;b=$.D[b]||$.D(q,b);16={}}E 3(!b){b=e.8;C[e.u]=e;e.Z=[];3(e.Y){1P(e,e.Y)}5 $(19(e,q,e.8($,e)))}3(!b){5[]}3(Q c==="4"){c=c.L(e||{})}3(d&&d.Y){1P(d,d.Y)}f=$.1h(c)?$.1B(c,4(a){5 a?17(d,e,b,a):q}):[17(d,e,b,c)];5 1N?$(19(e,q,f)):f},6:4(a){7 b;3(a 1U $){a=a[0]}1m(a&&a.M===1&&!(b=$.y(a,"6"))&&(a=a.X)){}5 b||1A},D:4(a,b){3(b){3(Q b==="1d"){b=1x(b)}E 3(b 1U $){b=b[0]||{}}3(b.M){b=$.y(b,"8")||$.y(b,"8",1x(b.1J))}5 Q a==="1d"?($.D[a]=b):b}5 a?(Q a!=="1d"?$.D(q,a):($.D[a]||$.D(q,a))):q},1Y:4(a){5(""+a).N("<").B("&2W;").N(">").B("&2T;").N(\'"\').B("&#34;").N("\'").B("&#39;")}});$.1j($.8,{1e:{"8":{18:{$2:"q"},A:"3($P){x=x.1b($G.2k($1,$2));}"},"1F":{18:{$2:"q"},A:"$G.1z(x,$1,$2);x=[];",1f:"L=$G.1z();x=L.1r.1b($G.1F(L,x));"},"1v":{18:{$2:"$2u, $2t"},A:"3($P){$.1v($1a,4($2){2e(9){",1f:"}});}"},"3":{A:"3(($P) && $1a){",1f:"}"},"E":{A:"}E{"},"2r":{A:"}E 3(($P) && $1a){"},"2q":{A:"}E 3(($P) && $1a){"},"1H":{A:"3($P){x.H($1a);}"},"=":{18:{$1:"$y"},A:"3($P){x.H($.1Y($1a));}"},"!":{A:""}},1D:4(a){C={}},1L:4 1L(a,b,c){7 d=b.M===11?$.1E(b.1u):b.M===1?[b]:[];c.L(a,b);1I(d);I++}});4 19(e,f,g){7 h,V=g?$.1B(g,4(a){5(Q a==="1d")?(e.u?a.J(p.2b,"$1 "+T+"=\\""+e.u+"\\" $2"):a):19(a,e,a.1c)}):e;3(f){5 V}V=V.B("");V.J(p.2c,4(a,b,c,d){h=$(c).1V();1I(h);3(b){h=1k(b).1b(h)}3(d){h=h.1b(1k(d))}});5 h?h:1k(V)}4 1k(a){7 b=2m.2n("2o");b.1J=a;5 $.1E(b.1u)}4 1x(i){7 j=4(a,b,c,d,e,f,g){3(!c){5"\');x.H(\'"}7 h=$.8.1e[c],1o,10,1n;3(!h&&2s.z&&z.1O){z.1O("1Q");z.1K(i);z.1K(\'2x 1e: \',c);z.1K(a);z.29("1Q")}3(!h){5"\');x.H(\'"}1o=h.18||[];3(f&&!p.2g.28(e)){e+=f;f=""}3(e){e=14(e);g=g?(","+14(g)+")"):(f?")":"");10=f?(e.2B(".")>-1?e+14(f):("("+e+").L($G"+g)):e;1n=f?10:"(Q("+e+")===\'4\'?("+e+").L($G):("+e+"))"}E{1n=10=1o.$1||"q"}d=14(d);5"\');"+h[b?"1f":"A"].N("$P").B(e?"Q("+e+")!==\'2C\' && ("+e+")!=q":"1i").N("$1a").B(1n).N("$1").B(10).N("$2").B(d||1o.$2||"")+"x.H(\'"};7 k=4(){3($.8.1e[S[2]]){z.1O("25");z.1C(i);z.1C(\'2F 2G 2H 2I 2J, 2K {% %} 2L 2M {{ }}\');z.1C(S[0]);z.29("25");5 j.1M(9,S)}E{5"\');x.H(\'{{"+S[2]+"}}\');x.H(\'"}};7 l="7 $=$,L,x=[],$y=$G.y; 2e($y){x.H(\'";7 m=$.2O(i);m=m.J(p.1Z,"\\\\$1");m=m.J(p.22," ");m=m.J(p.24,"{%= $1%}");m=m.J(p.27,j);m=m.J(p.2a,k);l+=m;l+="\');}5 x;";5 2P 2Q("$","$G",l)}4 1P(a,b){a.12=19(a,1i,$.1h(b)?b:[p.2f.28(b)?b:$(b).1H()]).B("")}4 14(a){5 a?a.J(p.20,"\'").J(p.21,"\\\\"):q}4 23(a){7 b=2m.2n("2o");b.2R(a.2S(1i));5 b.1J}4 1I(d){7 e="1r"+I,1l,F,1t={},i,l,m;1w(i=0,l=d.O;i<l;i++){3((1l=d[i]).M!==1){2U}F=1l.2V("*");1w(m=F.O-1;m>=0;m--){1s(F[m])}1s(1l)}4 1s(b){7 c,v=b,R,6,u;3((u=b.1G(T))){1m(v.X&&(v=v.X).M===1&&!(c=v.1G(T))){}3(c!==u){v=v.X?(v.M===11?0:(v.1G(T)||0)):0;3(!(6=C[u])){6=16[u];6=17(6,C[v]||16[v]);6.u=++13;C[13]=6}3(I){1y(u)}}b.31(T)}E 3(I&&(6=$.y(b,"6"))){1y(6.u);C[6.u]=6;v=$.y(b.X,"6");v=v?v.u:0}3(6){R=6;1m(R&&R.u!=v){R.Z.H(b);R=R.K}1T 6.1c;1T 6.12;$.y(b,"6",6)}4 1y(a){a=a+e;6=1t[a]=(1t[a]||17(6,C[6.K.u+e]||6.K))}}}4 2l(a,b,c,d){3(!a){5 1g.33()}1g.H({1r:a,8:b,G:9,y:c,1S:d})}4 2j(a,b,c){5 $.8($.D(a),b,c,9)}4 2i(a,b){7 c=a.1S||{};c.Y=b;5 $.8($.D(a.8),a.y,c,a.G)}4 2h(a,b){7 c=9.12;5 $.1B($($.1h(c)?c.B(""):c).36(a||"*"),4(e){5 b?e.37||e.38:e.3a||23(e)})}4 2d(){7 a=9.Z;$.8(q,q,q,9).26(a[0]);$(a).3b()}})(3c);', 62, 199, '|||if|function|return|tmplItem|var|tmpl|this|||||||||||||||||null||||key|pntNode||__|data|console|open|join|newTmplItems|template|else|elems|item|push|cloneIndex|replace|parent|call|nodeType|split|length|notnull_1|typeof|pntItem|arguments|tmplItmAtt|insert|ret||parentNode|wrapped|nodes|expr||_wrap|itemKey|unescape|appendToTmplItems|wrappedItems|newTmplItem|_default|build||concat|_ctnt|string|tag|close|stack|isArray|true|extend|unencode|elem|while|exprAutoFnDetect|def|tmplItems|fn|_|processItemKey|newClonedItems|childNodes|each|for|buildTmplFn|cloneTmplItem|calls|topTmplItem|map|info|complete|makeArray|wrap|getAttribute|html|storeTmplItems|innerHTML|error|afterManip|apply|topLevel|group|updateWrapped|Exception|elemsLength|options|delete|instanceof|get|domManip|_tmplitem|encode|sq_escape|sq_unescape|dq_unescape|nl_strip|outerHtml|shortcut_replace|Depreciated|insertBefore|lang_parse|test|groupEnd|old_lang_parse|template_anotate|text_only_template|tiUpdate|with|html_expr|last_word|tiHtml|tiWrap|tiNest|nest|tiCalls|document|createElement|div|false|elseif|elif|window|value|index|isFunction|appendTo|Unknown|append|prependTo|prepend|indexOf|undefined|before|insertAfter|Markup|has|old|style|indicators|use|instead|of|update|trim|new|Function|appendChild|cloneNode|gt|continue|getElementsByTagName|lt|after|replaceAll|replaceWith|clone|removeAttribute|pushStack|pop||selector|filter|innerText|textContent||outerHTML|remove|jQuery'.split('|'), 0, {}))
    </script>
    <script>
        // eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('$(1Y).c("1V",9(){f b=R.1P(\'[{"2":"1W 越变越小的大帽子","3":"4://5.6.7/1X.1"},{"2":"2c 布偶狼","3":"4://5.6.7/2d.1"},{"2":"2e 灰熊太太的花园","3":"4://5.6.7/l.1"},{"2":"m 藤蔓的理想","3":"4://5.6.7/n.1"},{"2":"o 穿格子衬衫的巨人","3":"4://5.6.7/p.1"},{"2":"q 红篱笆，蓝篱笆","3":"4://5.6.7/r.1"},{"2":"s 小小的纸船","3":"4://5.6.7/t.1"},{"2":"u 逃跑的鞋子","3":"4://5.6.7/v.1"},{"2":"w 藏起来的秘密","3":"4://5.6.7/x.1"},{"2":"10 面包是怎么来的","3":"4://5.6.7/y.1"},{"2":"11 大雪人和小雪人","3":"4://5.6.7/z.1"},{"2":"12 三把小勺子","3":"4://5.6.7/A.1"},{"2":"13 狐狸奶奶有办法","3":"4://5.6.7/B.1"},{"2":"14 短尾猫图图","3":"4://5.6.7/C.1"},{"2":"15 歌的种子","3":"4://5.6.7/D.1"},{"2":"16 手帕老鼠与小布熊","3":"4://5.6.7/E.1"},{"2":"17 夏凉","3":"4://5.6.7/F.1"},{"2":"18 八爪鱼找工作","3":"4://5.6.7/G.1"},{"2":"19 小兔子“大老虎”","3":"4://5.6.7/H.1"},{"2":"20 红点点和绿点点","3":"4://5.6.7/I.1"},{"2":"21 有趣的影子","3":"4://5.6.7/J.1"},{"2":"22 十点十分的好运气","3":"4://5.6.7/K.1"},{"2":"23 冬天的礼物","3":"4://5.6.7/L.1"},{"2":"24 大嗓门的小熊","3":"4://5.6.7/M.1"},{"2":"25 红气球的故事","3":"4://5.6.7/N.1"},{"2":"26 柳树有一个秘密","3":"4://5.6.7/O.1"},{"2":"27 老鼠们的枣核","3":"4://5.6.7/P.1"},{"2":"28 微笑是最美的表情","3":"4://5.6.7/Q.1"},{"2":"29 寻找梦中的伞","3":"4://5.6.7/k.1"},{"2":"S 墙头上的小草","3":"4://5.6.7/T.1"},{"2":"U 两棵葡萄藤","3":"4://5.6.7/V.1"},{"2":"W 小狐狸的布娃娃","3":"4://5.6.7/X.1"},{"2":"Y 好梦奶奶和坏梦婆婆","3":"4://5.6.7/Z.1"},{"2":"1a 蜘蛛先生开网店","3":"4://5.6.7/1b.1"},{"2":"1c 小乌龟急匆匆","3":"4://5.6.7/1d.1"},{"2":"1e 慢吞吞的花鸭先生","3":"4://5.6.7/1f.1"},{"2":"1g 北风爷爷在唱歌","3":"4://5.6.7/1h.1"},{"2":"1i 小狐狸种菜","3":"4://5.6.7/1j.1"},{"2":"1k 阁楼里的小皮鞋","3":"4://5.6.7/1l.1"},{"2":"1m 泡泡在哪里","3":"4://5.6.7/1n.1"},{"2":"1o 城堡的模样","3":"4://5.6.7/1p.1"},{"2":"1q 另一个我","3":"4://5.6.7/1r.1"},{"2":"1s 长刺的仙人掌","3":"4://5.6.7/1t.1"},{"2":"1u 狐狸请客","3":"4://5.6.7/1v.1"},{"2":"1w 小浣熊的酱菜缸","3":"4://5.6.7/1x.1"},{"2":"1y 毛毛兔学写字","3":"4://5.6.7/1z.1"},{"2":"1A 独生子花猪","3":"4://5.6.7/1B.1"},{"2":"1C 树的梦想","3":"4://5.6.7/1D.1"},{"2":"1E 小兔子数羊羊","3":"4://5.6.7/1F.1"},{"2":"1G 赶时间","3":"4://5.6.7/1H.1"},{"2":"1I 梨花山马鹿","3":"4://5.6.7/1J.1"},{"2":"1K 榜样的力量","3":"4://5.6.7/1L.1"}]\');$("#1M").1N(b).1O("#d");$("#d").1Q("1R");$("1S.1T").c("1U",9(e){f a=\'\';g.h(e);1Z(e.2a.2b=="i"){a=$(j).8("1")}2f{a=$(j).2g("i").2h(0).8("1")}g.h(a);$("#2i").8("2j",a)})});',62,144,'|mp3|title|url|https|cdn14|bookln|cn|attr|function|||on|alldatas||var|console|log|h2|this|tm21952481_5808707fde42c361d06e796131e384f9df43ffd1|tm21952481_1cdbc8117999a569798e675210f558c8470e4cf8|04|tm21952481_ad649860b53b668d8d44520173c9db5c65a5ced2|05|tm21952481_1071662de1fa1d277c653916986dcc03c8aff1e3|06|tm21952481_3aa6cefddd48b993cbeda763b6d335afc57fc423|07|tm21952481_0b515579763d55c55c39bcb329f1a7d50db7d6da|08|tm21952481_366cdc2ae5c8590f60101bc6c43ba6487d361bf3|09|tm21952481_c259581a13e7ab0506a5d0cf594885cdcb539bc3|tm21952481_122b12968cb9e357961935f0d55e363ab78dba2f|tm21952481_cbfd798818676b00d008cb4c755aff94d3d4f19a|tm21952481_b32d5a56f813e168b5f8aaa9fb078cda9f5f66fe|tm21952481_7eda13c55f7d6c96c98b7e10b20f700eb867578d|tm21952481_3b7a5d46e94fba2ad58a985b5e48c7416db72ae5|tm21952481_2e775e4a813263ecaeaba00d05773c634b607620|tm21952481_1af839eb3c1a560e3384b3518b909ec0935bf383|tm21952481_ffe8c084beee67b4bd5e4376a44f92cfbc08c9f0|tm21952481_2278ff10c55b1d947be3a5205ae215d663235eff|tm21952481_a089b245519f979234b098a6b9b1a27e67163c96|tm21952481_7c0a1e7fda9d2077bfe702a12ff5c5e01dcd1880|tm21952481_0135840c3e644eba7fee727453becae48bcde6d4|tm21952481_53bf42e5b4ad5f92c0b9810526b097ccd4ce5ec5|tm21952481_de13ab59e6ed48253077f93e76ddbcafb710f8cb|tm21952481_a7eae85a7951938f63b8d61b7fc7098fc62670d5|tm21952481_95aeed06e568efb19bd77648981e5399c83b61ef|tm21952481_4c49df900734bcad3bd7cc4ae04a80b910c01252|tm21952481_c4e6d1916829c6a8f90b88dc8d737ade36e22b2d|tm21952481_c754c8086b1204e28ba6c30d1ba75de139ef7668|JSON|30|tm21952481_edf31ce48fc542480982b434dc30f4542f0d7751|31|tm21952481_2ab625c1acb58332bb5f148c2b243562c0d18211|32|tm21952481_028bf423a099f5424c1a35349f071bbd04dd51d2|33|tm21952481_a4782e1486f4c74c0039cca1513375dff2f90a47|||||||||||34|tm21952481_3b923ef1c1910ad67f958e72e9af538f132b5780|35|tm21952481_d723ee388b326ebab2f3c17b828266716314b9fe|36|tm21952481_56b0416e43a82abcb7b50000e68509d848e67e13|37|tm21952481_3fa3fb3393374fa914954778e04b31a2137cc821|38|tm21952481_8cc9b43d19b80acd4c7848f9d1b6d85f7c95b287|39|tm21952481_314ebd7b0afe6da1cdaf6a4e6427470e9370762a|40|tm21952481_2c0a2f005398ab649cbda4ea87194ba6aba7e50a|41|tm21952481_65de87dc98e7a130e790e411715a94f08470f861|42|tm21952481_18d07d8620ab57902cdf9bc7811642fd96e13373|43|tm21952481_636e34eedee4482a844ee9074763c63dae18fce0|44|tm21952481_7474c5853133ddf1f568f30e9c5d61ab3c656a48|45|tm21952481_913ba071924bafc00bcdb481afa9d8616ef9410d|46|tm21952481_051850da3b3db3c492f4af015a84f6e66b587b15|47|tm21952481_66357f02d0260d1b7704e34db96fe575c66ed73e|48|tm21952481_600cd674cc3950960c9634fc1fc15e2ff7c2315f|49|tm21952481_014a17ef929613a6d49a66a309e8d81a5f494d0a|50|tm21952481_b60e23d16970207b190063e30b5d9a541e2717d7|51|tm21952481_ec411a90d6d6b3e987fe1a84c5399df794632ceb|52|tm21952481_040fd72fc1fca222c792e4b05da894b60722e145|myTemplate|tmpl|appendTo|parse|listview|refresh|li|hello|tap|pageinit|01|tm21952481_1afbdcd82c56f8fa5c77e32d0d57dccc6f455463|document|if|||||||||||target|tagName|02|tm21952481_4dcb6e85bdc05df220f4fe056800df6f87f0be1d|03|else|find|eq|playstory|src'.split('|'),0,{}))

        $(document).on("pageinit", function () {

            if (typeof (Storage) !== "undefined") {
                if (localStorage.curMp3 != "") {
                    $("#playstory").attr("src", localStorage.curMp3)
                    $("#curTitle").text(localStorage.curTitle);
                    var myswitch = $("#ordered");
           
                    if(localStorage.ordered==null){
                        localStorage.ordered=1;
                    }
                    myswitch[0].selectedIndex = localStorage.ordered;
                    myswitch.slider("refresh");
                   
                }
            }

            var data = JSON.parse( '[{"title":"颐山悦海故事会","url":"divider","isvideo":false}, {"title":"A0 小河马的大口罩","url":"https://techcity.gitee.io/tianhong-story/audio/小河马的大口罩.mp3","isvideo":false}, {"title":"A1 一个名叫新型冠状病毒的坏家伙","url":"https://techcity.gitee.io/tianhong-story/audio/一个名叫新型冠状病毒的坏家伙.mp3","isvideo":false}, {"title":"A2 团圆","url":"https://techcity.gitee.io/tianhong-story/audio/团圆.mp3","isvideo":false}, {"title":"A3 着凉","url":"https://techcity.gitee.io/tianhong-story/audio/着凉.m4a","isvideo":false}, {"title":"A4  Goodnight Moon","url":"https://techcity.gitee.io/tianhong-story/audio/Goodnight Moon.m4a","isvideo":false}, {"title":"睡前故事","url":"divider","isvideo":false}, {"title":"01 越变越小的大帽子","url":"https://cdn14.bookln.cn/tm21952481_1afbdcd82c56f8fa5c77e32d0d57dccc6f455463.mp3","isvideo":false}, {"title":"02 布偶狼","url":"https://cdn14.bookln.cn/tm21952481_4dcb6e85bdc05df220f4fe056800df6f87f0be1d.mp3","isvideo":false}, {"title":"03 灰熊太太的花园","url":"https://cdn14.bookln.cn/tm21952481_1cdbc8117999a569798e675210f558c8470e4cf8.mp3","isvideo":false}, {"title":"04 藤蔓的理想","url":"https://cdn14.bookln.cn/tm21952481_ad649860b53b668d8d44520173c9db5c65a5ced2.mp3","isvideo":false}, {"title":"05 穿格子衬衫的巨人","url":"https://cdn14.bookln.cn/tm21952481_1071662de1fa1d277c653916986dcc03c8aff1e3.mp3","isvideo":false}, {"title":"06 红篱笆，蓝篱笆","url":"https://cdn14.bookln.cn/tm21952481_3aa6cefddd48b993cbeda763b6d335afc57fc423.mp3","isvideo":false}, {"title":"07 小小的纸船","url":"https://cdn14.bookln.cn/tm21952481_0b515579763d55c55c39bcb329f1a7d50db7d6da.mp3","isvideo":false}, {"title":"08 逃跑的鞋子","url":"https://cdn14.bookln.cn/tm21952481_366cdc2ae5c8590f60101bc6c43ba6487d361bf3.mp3","isvideo":false}, {"title":"09 藏起来的秘密","url":"https://cdn14.bookln.cn/tm21952481_c259581a13e7ab0506a5d0cf594885cdcb539bc3.mp3","isvideo":false}, {"title":"10 面包是怎么来的","url":"https://cdn14.bookln.cn/tm21952481_122b12968cb9e357961935f0d55e363ab78dba2f.mp3","isvideo":false}, {"title":"11 大雪人和小雪人","url":"https://cdn14.bookln.cn/tm21952481_cbfd798818676b00d008cb4c755aff94d3d4f19a.mp3","isvideo":false}, {"title":"12 三把小勺子","url":"https://cdn14.bookln.cn/tm21952481_b32d5a56f813e168b5f8aaa9fb078cda9f5f66fe.mp3","isvideo":false}, {"title":"13 狐狸奶奶有办法","url":"https://cdn14.bookln.cn/tm21952481_7eda13c55f7d6c96c98b7e10b20f700eb867578d.mp3","isvideo":false}, {"title":"14 短尾猫图图","url":"https://cdn14.bookln.cn/tm21952481_3b7a5d46e94fba2ad58a985b5e48c7416db72ae5.mp3","isvideo":false}, {"title":"15 歌的种子","url":"https://cdn14.bookln.cn/tm21952481_2e775e4a813263ecaeaba00d05773c634b607620.mp3","isvideo":false}, {"title":"16 手帕老鼠与小布熊","url":"https://cdn14.bookln.cn/tm21952481_1af839eb3c1a560e3384b3518b909ec0935bf383.mp3","isvideo":false}, {"title":"17 夏凉","url":"https://cdn14.bookln.cn/tm21952481_ffe8c084beee67b4bd5e4376a44f92cfbc08c9f0.mp3","isvideo":false}, {"title":"18 八爪鱼找工作","url":"https://cdn14.bookln.cn/tm21952481_2278ff10c55b1d947be3a5205ae215d663235eff.mp3","isvideo":false}, {"title":"19 小兔子“大老虎”","url":"https://cdn14.bookln.cn/tm21952481_a089b245519f979234b098a6b9b1a27e67163c96.mp3","isvideo":false}, {"title":"20 红点点和绿点点","url":"https://cdn14.bookln.cn/tm21952481_7c0a1e7fda9d2077bfe702a12ff5c5e01dcd1880.mp3","isvideo":false}, {"title":"21 有趣的影子","url":"https://cdn14.bookln.cn/tm21952481_0135840c3e644eba7fee727453becae48bcde6d4.mp3","isvideo":false}, {"title":"22 十点十分的好运气","url":"https://cdn14.bookln.cn/tm21952481_53bf42e5b4ad5f92c0b9810526b097ccd4ce5ec5.mp3","isvideo":false}, {"title":"23 冬天的礼物","url":"https://cdn14.bookln.cn/tm21952481_de13ab59e6ed48253077f93e76ddbcafb710f8cb.mp3","isvideo":false}, {"title":"24 大嗓门的小熊","url":"https://cdn14.bookln.cn/tm21952481_a7eae85a7951938f63b8d61b7fc7098fc62670d5.mp3","isvideo":false}, {"title":"25 红气球的故事","url":"https://cdn14.bookln.cn/tm21952481_95aeed06e568efb19bd77648981e5399c83b61ef.mp3","isvideo":false}, {"title":"26 柳树有一个秘密","url":"https://cdn14.bookln.cn/tm21952481_4c49df900734bcad3bd7cc4ae04a80b910c01252.mp3","isvideo":false}, {"title":"27 老鼠们的枣核","url":"https://cdn14.bookln.cn/tm21952481_c4e6d1916829c6a8f90b88dc8d737ade36e22b2d.mp3","isvideo":false}, {"title":"28 微笑是最美的表情","url":"https://cdn14.bookln.cn/tm21952481_c754c8086b1204e28ba6c30d1ba75de139ef7668.mp3","isvideo":false}, {"title":"29 寻找梦中的伞","url":"https://cdn14.bookln.cn/tm21952481_5808707fde42c361d06e796131e384f9df43ffd1.mp3","isvideo":false}, {"title":"30 墙头上的小草","url":"https://cdn14.bookln.cn/tm21952481_edf31ce48fc542480982b434dc30f4542f0d7751.mp3","isvideo":false}, {"title":"31 两棵葡萄藤","url":"https://cdn14.bookln.cn/tm21952481_2ab625c1acb58332bb5f148c2b243562c0d18211.mp3","isvideo":false}, {"title":"32 小狐狸的布娃娃","url":"https://cdn14.bookln.cn/tm21952481_028bf423a099f5424c1a35349f071bbd04dd51d2.mp3","isvideo":false}, {"title":"33 好梦奶奶和坏梦婆婆","url":"https://cdn14.bookln.cn/tm21952481_a4782e1486f4c74c0039cca1513375dff2f90a47.mp3","isvideo":false}, {"title":"34 蜘蛛先生开网店","url":"https://cdn14.bookln.cn/tm21952481_3b923ef1c1910ad67f958e72e9af538f132b5780.mp3","isvideo":false}, {"title":"35 小乌龟急匆匆","url":"https://cdn14.bookln.cn/tm21952481_d723ee388b326ebab2f3c17b828266716314b9fe.mp3","isvideo":false}, {"title":"36 慢吞吞的花鸭先生","url":"https://cdn14.bookln.cn/tm21952481_56b0416e43a82abcb7b50000e68509d848e67e13.mp3","isvideo":false}, {"title":"37 北风爷爷在唱歌","url":"https://cdn14.bookln.cn/tm21952481_3fa3fb3393374fa914954778e04b31a2137cc821.mp3","isvideo":false}, {"title":"38 小狐狸种菜","url":"https://cdn14.bookln.cn/tm21952481_8cc9b43d19b80acd4c7848f9d1b6d85f7c95b287.mp3","isvideo":false}, {"title":"39 阁楼里的小皮鞋","url":"https://cdn14.bookln.cn/tm21952481_314ebd7b0afe6da1cdaf6a4e6427470e9370762a.mp3","isvideo":false}, {"title":"40 泡泡在哪里","url":"https://cdn14.bookln.cn/tm21952481_2c0a2f005398ab649cbda4ea87194ba6aba7e50a.mp3","isvideo":false}, {"title":"41 城堡的模样","url":"https://cdn14.bookln.cn/tm21952481_65de87dc98e7a130e790e411715a94f08470f861.mp3","isvideo":false}, {"title":"42 另一个我","url":"https://cdn14.bookln.cn/tm21952481_18d07d8620ab57902cdf9bc7811642fd96e13373.mp3","isvideo":false}, {"title":"43 长刺的仙人掌","url":"https://cdn14.bookln.cn/tm21952481_636e34eedee4482a844ee9074763c63dae18fce0.mp3","isvideo":false}, {"title":"44 狐狸请客","url":"https://cdn14.bookln.cn/tm21952481_7474c5853133ddf1f568f30e9c5d61ab3c656a48.mp3","isvideo":false}, {"title":"45 小浣熊的酱菜缸","url":"https://cdn14.bookln.cn/tm21952481_913ba071924bafc00bcdb481afa9d8616ef9410d.mp3","isvideo":false}, {"title":"46 毛毛兔学写字","url":"https://cdn14.bookln.cn/tm21952481_051850da3b3db3c492f4af015a84f6e66b587b15.mp3","isvideo":false}, {"title":"47 独生子花猪","url":"https://cdn14.bookln.cn/tm21952481_66357f02d0260d1b7704e34db96fe575c66ed73e.mp3","isvideo":false}, {"title":"48 树的梦想","url":"https://cdn14.bookln.cn/tm21952481_600cd674cc3950960c9634fc1fc15e2ff7c2315f.mp3","isvideo":false}, {"title":"49 小兔子数羊羊","url":"https://cdn14.bookln.cn/tm21952481_014a17ef929613a6d49a66a309e8d81a5f494d0a.mp3","isvideo":false}, {"title":"50 赶时间","url":"https://cdn14.bookln.cn/tm21952481_b60e23d16970207b190063e30b5d9a541e2717d7.mp3","isvideo":false}, {"title":"51 梨花山马鹿","url":"https://cdn14.bookln.cn/tm21952481_ec411a90d6d6b3e987fe1a84c5399df794632ceb.mp3","isvideo":false}, {"title":"52 榜样的力量","url":"https://cdn14.bookln.cn/tm21952481_040fd72fc1fca222c792e4b05da894b60722e145.mp3","isvideo":false}]');             
            $("#myTemplate").tmpl(data).appendTo("#alldatas");
            $("#alldatas").listview("refresh");

            $("li.hello").on("tap", function (e) {
                var mp3H2 = null;
                if (e.target.tagName == "h2") {
                    mp3H2 = $(this);
                } else {
                    mp3H2 = $(this).find("h2").eq(0);
                }

                startMusic(mp3H2)
            })

            $("#playstory").on("ended", function (e) {
                startMusic(nextAudio());
            })
            $("#playvideo").on("ended", function (e) {
                startMusic(nextAudio());
            })

            $("#ordered").on("change",function(){
               
                localStorage.ordered=$(this)[0].selectedIndex;
            })
        });

        function nextAudio() {
            var nextMp3 = $("h2:contains('" + localStorage.curTitle + "')").eq(0);
            if( localStorage.ordered==0){
                return nextMp3;
            }
            return nextMp3.parent().parent().next().find("h2");
        }
        function startMusic(music) {
           
            var mediaSrc=  music.attr("mp3");

            var playermusic=$("#playstory")[0];
            var playervedio=$("#playvideo")[0];
            if(mediaSrc.endsWith("mp4")){
                $("#playstory").hide();
                $("#playvideo").show();
                playervedio.src=mediaSrc;

                playermusic.pause();
                playermusic.src="#";

                playervedio.play();
                window.scrollTo(0,0);
            }else{
                $("#playstory").show();
                $("#playvideo").hide();
                playermusic.src=mediaSrc;

                playervedio.pause();
                playervedio.src="#";
               
                playermusic.play();
              
            }
            // player.src=mediaSrc;
            // player.play();
            
            localStorage.curMp3 = music.attr("mp3");
            localStorage.curTitle = music.text();
            $("#curTitle").text(music.text());
        }

    </script>
</head>

<body>
    <div id="page" data-role="page">
        <div data-role="panel"  data-display="overlay" id="myPanel" data-dismissible="true" data-swipe-close="true">
            <div data-role="header">
                <h2>故事汇</h2>
            </div>
            <div data-role="main" class="ui-content">
                <div class="ui-field-contain">
                    <label for="ordered">顺序播放</label>
              
                    <select data-role="slider" name="ordered" id="ordered">
                        <option value="OFF" >单首</option>
                        <option value="ON" selected>顺序</option>
                    </select>
                  </div>
            </div>
        </div>
        <div data-role="header" data-position="fixed">
            <a href="#myPanel" class="ui-btn ui-corner-all ui-icon-bars ui-btn-icon-notext">df</a>
            <h1>颐山悦海-睡前故事</h1>
        </div>
        <div data-role="main" class="ui-content">
            <video data-inset="true" style="display: none;" width="100%" height="60%"  src="#" id="playvideo" controls></video>
           
             <form class="ui-filterable">
                <input id="myFilter" data-type="search">
            </form>
            <ul data-role="listview" id="alldatas" data-inset="true" data-filter="true" data-input="#myFilter">
               
            </ul>
        </div>
        <div data-role="footer" data-position="fixed">
            <div id="curTitle" data-inset="true" style="text-align: center;">&nbsp;</div>
            <audio data-inset="true" src="" style="width: 100%;"  id="playstory" src="#" controls></audio>
            
            <div class="copyright">部分音频资源来自网络</div>
        </div>
    </div>
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?8674a0bb38416d1ca1b5a2b7c140cd15";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
        </script>
    
</body>

</html>